<script lang="ts">
  /**
   * The length of the collection to display.
   */
  export let collectionLength;
</script>

<div class="d-flex align-items-center gap-1">
  <span style="color: var(--text-ds-primary-300) ;" class="me-1 text-ds-font-size-20 "
    >{collectionLength}</span
  ><span
    class="text-ds-font-size-12 text-ds-font-weight-semi-bold"
    style="color: var(--text-ds-neutral-300);">Collections</span
  >
</div>
